<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>短期预报</title>
		<link rel="stylesheet" href="../css/fileinput.min.css" />
		<link rel="stylesheet" href="../js/bootstrap/bootstrap-table/extensions/editable/css/bootstrap-editable.css" />
		<link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css">
		<!--<link rel="stylesheet" th:href="@{/css/main.css}">-->
		<link rel="stylesheet" href="../css/page.css">
		<link rel="stylesheet" href="../js/bootstrap/datetimePicker/css/bootstrap-datetimepicker.css">
		<link rel="stylesheet" href="../js/bootstrap/bootstrap-table/bootstrap-table.css">
		<!--layer upload -css-->
		<!--使用layui日期控件的样式-->
		<link rel="stylesheet" href="../js/layer/css/layui.css">
		<link rel="stylesheet" href="../css/frame.css">
		<style type="text/css">
			.demo{width:360px;margin:50px auto 10px auto;padding:10px;}
			.demo img{width:90%}
			.demo h3{font-size:1.5em;line-height:1.9em}
			.col{margin-top:20px;}
			.col h4{height:40px;line-height:40px}
			.opt{height:30px;line-height:24px;float:left}
		</style>
		<style type="text/css">
			.table {table-layout:fixed;}
		</style>
	</head>
	<style>


	</style>
	<body style="background-color: transparent;">
	<div class="index-tools-top index-tools-top2" style="color: #fff; margin-bottom: 10px;">
	<div class="index-tools-tips clearfix">
		<div class="fl">
			<span class="index-tips-name">短期预报</span>
		</div>
		<!--<div class="index-tips-right">
			<span class="fl" style="line-height: 30px;float: left;">装机容量：</span><input id ="installcapa" class="form-control input-sm" value="" style="width: 75px;">
		</div>-->
		<div class="index-tips-right fr">
			<span class="fl" style="line-height: 30px;float: left;">装机容量：</span><input id ="installcapa" class="form-control input-sm" value="" style="width: 75px;">
			<!--<div class="opt">
				<input class="magic-radio" type="radio" name="radio" id="r1" value="option1">
				<label for="r1">三天</label>
			</div>
			<div class="opt">
				<input class="magic-radio" type="radio" name="radio" id="r2" value="option2" checked>
				<label for="r2">七天</label>
			</div>-->
		<!--	<div class="btn-group">
				<button type="button" class="btn btn-default">三天</button>
				<button type="button" class="btn btn-default">七天</button>
			</div>-->
			<label>开始时间：</label>
			<input id="startTime" type="text" class="form-control input-sm"  th:value="${start}" />
			<label>结束时间：</label>
			<input id="endTime" type="text" class="form-control input-sm"  th:value="${end}"/>
			<a id="query" class="btn btn-sm btn-info">查看</a>
			<a id="export" class="btn btn-sm btn-success">导出</a>
		</div>

	</div>
	</div>

	<!--风功率曲线图-->
	<div id="main" style="height: 500px;margin-bottom: 10px;min-width: 100% "></div>
	<div class="main">
		<!--wapper main-->
		<div class="wapper-main">
			<!--wapper right-->
			<div class="wapper-main-right">
				<!--user mains-->
				<!--不要复制第一个 默认显示第一个样式添加了 display: block;-->
				<div id="user-01-main" class="wapper-main-boxes" style="display: block;">
					<div class="index-tools-bottom" style="min-height: 340px; height: 100%">
						<table id="shortPeriod">
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/main/uibase.js"></script>

		<script src="../js/echarts.js"></script>
		<!--bootstrap table表格-->
		<script src="../js/bootstrap/js/bootstrap.min.js"></script>
		<script src="../js/bootstrap/bootstrap-select/bootstrap-select.js"></script>
		<script src ="../js/bootstrap/bootstrap-table/extensions/editable/bootstrap-editable.js"></script>

		<script src="../js/bootstrap/bootstrap-table/bootstrap-table.min.js"></script>
		<script src="../js/bootstrap/bootstrap-table/local/bootstrap-table-zh-CN.min.js"></script>
		<script src="../js/layer/layer.js"></script>
		<script src ="../js/bootstrap/datetimePicker/js/bootstrap-datetimepicker.js"></script>
		<script src ="../js/bootstrap/datetimePicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script src ="../js/bootstrap/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
		<script src="../js/bootstrap/bootstrap-tableExport/tableExport.js"></script>
		<script src="../js/bootstrap/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
	<!--使用layer日期控件-->
		<script src="../js/layer/layui.js"></script>
		<script src="../js/page/powerForecast/shortPeriod.js"></script>
	</body>
</html>
